<template>
  <el-dialog
      title="日志"
      :visible.sync="visible"
      width="40%"
      :before-close="onClose">
      <div class="logs-main">
        <el-timeline :reverse="reverse">
          <el-timeline-item
            v-for="(activity, index) in activities"
            :key="index"
            :timestamp="activity.timestamp">
            {{activity.content}}
          </el-timeline-item>
        </el-timeline>
      </div>
    </el-dialog>
</template>
<script>
export default {
  data() {
    return {
      form: {
        group_name: ''
      },
      reverse: true,
      activities: [{
        content: '手动启用',
        timestamp: '2024-04-15'
      }, {
        content: '手动停用',
        timestamp: '2024-04-13'
      }]
    }
  },
  props: ['visible'],
  methods: {
    onClose() {
      this.$emit('onClose');
    }
  },
}
</script>